<template>
  <el-menu style="height:100%;overflow-x:hidden;" unique-opened
           background-color="rgb(48,64,86)"
           text-color="#fff"
           active-text-color="#409EFF"
           :collapse="isCollapse"
           router
           :collapse-transition="false"
  >
    <div style="height: 60px;line-height: 60px;text-align: center">
      <b style="color: white;" v-show="logoTextShow">后台管理系统</b>
    </div>
    <el-menu-item index="/index">
      <i class="el-icon-house"></i>
      <span>首页</span>
    </el-menu-item>
    <el-submenu index="2">
      <template slot="title">
        <i class="el-icon-video-camera"></i>
        <span>系统管理</span>
      </template>

      <el-menu-item-group>
        <el-menu-item index="/user">
          <i class="el-icon-user-solid"></i>
          <span>用户管理</span></el-menu-item>
      </el-menu-item-group>

      <el-menu-item-group>
        <el-menu-item index="/video">
          <i class="el-icon-video-camera-solid"></i>
          <span>视频管理</span></el-menu-item>
      </el-menu-item-group>

    </el-submenu>
  </el-menu>
</template>

<script>
export default {
  name: "Aside",
  props: {
    isCollapse:Boolean,
    logoTextShow:Boolean
  }
}
</script>

<style scoped>

</style>